@use './reset.scss';

// html,
// body,
// #app {
//     width: 100%;
//     height: 100%;
//     overflow: hidden;
//     margin: 0;
//     padding: 0;
// }

// header {
//     a {
//         height: 15px;
//         display: inline-block;
//         border: 2px solid gray;
//         border-radius: 10px;
//         background: linear-gradient(200deg, #f3e7e9, #e3eeff);
//         color: white;
//         padding: 10px;
//         margin: 2px;
//         text-align: center;
//         line-height: 15px;
//         font-weight: bold;
//     }
// }

// body {
//     position: relative;
//     z-index: 0;
// }

// body::after {
//     content: "";
//     position: absolute;
//     top: 0;
//     left: 0;
//     right: 0;
//     bottom: 0;
//     background: url('@/assets/images/03.jpg') center center / cover no-repeat;
//     filter: blur(0px);
//     z-index: -1;
//     /* 确保伪元素在body内容之下 */
//     pointer-events: none;
//     /* 防止伪元素干扰鼠标事件 */
// }

// #app main {
//     width: 100%;
//     height: 100vh;
//     height: auto;
// }

// #app .app-main-flex {
//     position: relative;
//     width: 100%;
//     height: 100%;
// }

// a {
//     height: 15px;
//     display: inline-block;
//     border: 2px solid gray;
//     border-radius: 10px;
//     background: linear-gradient(200deg, #f3e7e9, #e3eeff);
//     color: white;
//     padding: 10px;
//     margin: 2px;
//     text-align: center;
//     line-height: 15px;
//     font-weight: bold;
// }

// input {
//     outline: none;
//     border: 1px solid #f3e7e9;
//     width: auto;
//     height: 30px;
//     border-radius: 8px;
//     line-height: 30px;
//     font-size: 18px;
//     color: #f3e7e9;
//     font-weight: bolder;
//     padding-left: 2rem;
//     background: linear-gradient(130deg, rgba(243, 231, 233, 0.5), rgba(227, 238, 255, 0.5));
//     margin: 5px;
// }

// p {
//     padding: 10px;
//     font-size: 20px;
//     color: white;
//     font-weight: bold;
//     margin: 5px 0;
//     // background-color: skyblue;
// }

// button:hover {
//     background: linear-gradient(200deg, #f3e7e9, #e3eeff);
// }

// button {
//     padding: 10px;
//     margin: 10px;
//     color: white;
//     font-size: 15px;
//     min-width: 150px;
//     line-height: 20px;
//     height: 40px;
//     border: 2px solid #409eff;
//     border-radius: 20px;
//     background: linear-gradient(130deg, rgba(243, 231, 233, 0.5), rgba(227, 238, 255, 0.5));
//     text-align: center;
// }

// .router-link-active {
//     color: rgb(243, 231, 233);
//     border: 1px solid pink;
//     background: linear-gradient(130deg, rgba(243, 231, 233, 0.5), rgba(227, 238, 255, 0.5));
// }

// #wrap {
//     width: 100%;
//     height: 100%;
//     text-align: center;
//     margin-top: 20px;
//     font-size: 18px;

//     h1 {
//         font-size: 50px;
//         margin-bottom: 20px;
//         color: rgb(243, 231, 233);
//     }

//     img {
//         display: block;
//         width: 200px;
//         height: 150px;
//         margin: 0 auto;
//     }

//     div {
//         // flex-wrap: wrap;
//         justify-content: center;
//         text-align: center;
//         color: rgb(243, 231, 233);
//         font-size: 20px;
//     }

//     input {
//         justify-content: center;
//     }
// }